/*
   Copyright 2012-2015 Andrey Grigorov, Anton Grigorov

   Licensed under the Apache License, Version 2.0 (the "License"); you may not
   use this file except in compliance with the License. You may obtain a copy of
   the License at

       http://www.apache.org/licenses/LICENSE-2.0

   Unless required by applicable law or agreed to in writing, software
   distributed under the License is distributed on an "AS IS" BASIS, WITHOUT
   WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. See the
   License for the specific language governing permissions and limitations under
   the License.
*/
.page {
    background-color: #FFFFFF;
    margin: auto;
    width: 1200px;
}

.page-footer {
    position: absolute;
    bottom: 0;
    width: 100%;
    text-align: center;
}

.page-footer-content {
    display: inline-block;
    width: 1200px;
}

.main-table {
    width: 100%;
    height: 100%;
    border-width: 0;
    border-spacing: 0;
}

.main-table-header {
    height: 50px;
    background-image: url("../images/main-table-header.png");
    font-weight: bold;
    font-family: tahoma, arial, verdana, sans-serif, Lucida Sans;
    font-size: 14pt;
    color: #e6e6fa;
}

.main-table-header td {
    padding: 0 15px;
}

.main-table-body {
    vertical-align: top;
    background-image: url("../images/main-table-body.png");
}

.main-table-body td {
    padding: 15px;
    font-family: tahoma, arial, verdana, sans-serif, Lucida Sans;
    font-size: 12pt;
}

.main-table-footer {
    height: 25px;
    background-image: url("../images/main-table-footer.png");
}

.main-table-footer td {
    font-family: tahoma, arial, verdana, sans-serif, Lucida Sans;
    font-size: 12px;
    font-weight: bold;
    text-align: center;
}

.main-table-footer td a {
    color: #e6e6fa;
}

.table-header {
    font-weight: bold;
}

.table-body {
}

.label, .errorLabel, .errorMessage {
    font-size: 12pt;
    font-style: normal;
}

.errorMessage {
    color: red;
}

.actionLink {
    color: #ff4500;
}

.edit-result-table {
    margin: 0;
    border-collapse: collapse;
}

.edit-result-table td {
    padding: 0;
    border-width: 1px;
    border-spacing: 0;
    border-color: #646464;
    border-style: solid;
    empty-cells: show;
}

.edit-result-table td:last-child {
    border-right: 1px solid #646464;
}

.edit-result-table .answer-col {
    width: 24px;
}

.edit-result-table .answer-row {
    height: 24px;
}

.list-table {
    border-width: 1px;
}

.list-table tbody {
    background-color: #d3d3d3;
    cursor: pointer;
}

.list-table thead {
    background-color: lightsteelblue;
}

table.row-hovered tbody tr:hover {
    background-color: #ff4500;
}

.demo-users {
    position: absolute;
    right: 10px;
    text-align: right;
}

.tab-control {
    margin-top: 5px;
}

.tab-control .tabs {
    padding-left: 0;
    list-style: none;
    margin: 0  !important;
    z-index: 2;
}

.tab-control .tabs li ul,

.tab-control .tabs li ol {
    list-style: none;
    padding-left: 25px;
}

.tab-control .tabs:before,

.tab-control .tabs:after {
    display: table;
    content: "";
}

.tab-control .tabs:after {
    clear: both;
}

.tab-control .tabs > li {
    background-color: #ffffff;
    display: block;
    float: left;
    margin-left: 5px;
    position: relative;
    cursor: pointer;
}

.tab-control .tabs > li > a {
    border: 1px #eeeeee solid;
    display: block;
    float: left;
    padding: 5px 10px;
    z-index: 10;
    top: 0;
    left: 0;
    color: inherit;
    background-color: #eeeeee;
}

.tab-control .tabs > li.active a {
    border-bottom-color: #ffffff;
    background-color: #ffffff;
    border-top: 2px #e51400 solid;
}

.tab-control .tabs > li.active:hover a {
    background-color: #ffffff;
    color: #1d1d1d;
}

.tab-control .tabs > li:hover a {
    background-color: #d5d5d5;
    color: #ffffff;
}

.tab-control .tabs > li.place-right {
    float: right;
    margin-right: 5px;
    margin-left: auto;
}

.tab-control .tabs.no-spaces > li {
    margin-left: 0;
}

.tab-control .frames {
    z-index: 1;
    border: 1px #eeeeee solid;
    margin-top: -1px;
}

.tab-control .frames .frame {
    display: none;
}

.tab-control .frame {
    padding: 20px;
}

.dialog .error {
    padding-top: 5px;
    padding-left: 5px;
    padding-bottom: 1px;
    color: red;
    background-color: #FFFFFF;
    border-left: 1px solid rgba(0, 0, 0, 0.2);
    border-right: 1px solid rgba(0, 0, 0, 0.2);
}

.dialog .error ul:nth-child(1) {
    margin-left: 10px;
}